<template>
  <div class='Vip'>
    <!-- <van-nav-bar
      title="修改资料"
      left-arrow
      @click-left="goBack"
    /> -->
    <nav-bar :title="'修改资料'"></nav-bar>
    <div class="table-content">
      <component :declareId="declareId" :isUpdate="true" :is="currentView"></component>
    </div>
  </div>
</template>

<script>
import {mapGetters} from 'vuex';
import gerenhuiyuan from "./vipTable/gerenhuiyuan";
import gerenhuiyuanweiyuan from "./vipTable/gerenhuiyuanweiyuan";
import kejiweihuiyuan from "./vipTable/kejiweihuiyuan";
import notPageUrl from "./vipTable/notPageUrl";
import navBar from "@/components/NavBar";
export default {
  name: 'updateApplyVip',
  components:{
    gerenhuiyuan,
    gerenhuiyuanweiyuan,
    kejiweihuiyuan,
    notPageUrl,
    navBar
  },
  data() {
    return {
      declareId:"0",
      vipTypeId: "0",
      pageUrl: "notPageUrl"
    };
  },
  created() {
    this.vipTypeId = this.$route.query.vipTypeId;
    this.declareId = this.$route.query.declareId;
    if (this.$route.query.pageUrl) {
      this.pageUrl = this.$route.query.pageUrl;
    }
  },
  computed: {
    currentView() {
      return this.pageUrl;
    }
  },
  methods:{
    goBack(){
      this.$router.go(-1);
    }
  }
}
</script>

<style lang='scss' spaced>
  @import "../assets/css/base";
  .Vip {
    .vipType{
      display: flex;
      justify-content: space-evenly;
      margin-top:px2rem(40);
      .typeTitle{
        font-size: px2rem(40);
        line-height:px2rem(74)
      }
      .typeSelect{
        font-size: px2rem(38);
        .van-radio{
          margin: px2rem(20) 0;
        }
      }
    }
  }
</style>
